// pages/opinion/opinion.js
Page({ 

  /**
   * 页面的初始数据
   */
  data: {
    tabslist: [
      {
        id: "0",
        value: "体验问题",
        isActive: true
      },
      {
        id: "1",
        value: "商品商家投诉",
        isActive: false
      } 
    ],
    textval:"",
    imagelist:[]
  },
  upImageList:[],
 //删除图片
  delimg(e){
  
    let {index} = e.currentTarget.dataset
    console.log(index)
    let imagelist=this.data.imagelist
     imagelist.splice(index,1)
    this.setData({
      imagelist
    })
  },
 //获取当前的选中项index
  handletabsindex(e) {
  
    const { index } = e.detail;
   
    let { tabslist } = this.data;
    tabslist.forEach((v, i) => { i === index ? v.isActive = true : v.isActive = false })
    this.setData({
      tabslist
    })
  },
  //获取输入的文本内容
  gettextval(e){
   let textval=e.detail.value
   this.setData({
     textval
   })
  },

  //获取图片
  getimagelist(){
    wx.chooseImage({

      success: (res)=>{
        console.log(res)
        this.setData({
       imagelist: [...this.data.imagelist, ...res.tempFilePaths]
     })
      },
    })
  },
  //提交信息
  handlesubmit(){
    wx.showLoading({
      title: '上传中',
    })
    const {textval,imagelist}=this.data
    //trim()去掉两边的空格
    if (textval.trim().length===0)
    {
      wx.showToast({
        title: '输入不合法',
        mask:true
      })
      return;
    }
    else{
      imagelist.forEach(
        (v, i) => {
          //不支持同时上传多个文件
          wx.uploadFile({
            //图片将要上传到哪里
            url: 'https://pic.xiaojianjian.net',
            //被上传文件的路径
            filePath: v,
            //上传文件名字，自定义
            name: 'file',
            success:(res)=>{
              console.log(res)
              let url =res.tempFilePaths
              this.upImageList.push(url)
              console.log(this.upImageList)
              if(i===imagelist.length-1)
              {
                wx.showToast({
                  title: '上传成功',
                  }),
               wx.hideLoading()
                    this.setData({
                      imagelist:[],
                      textval:""
                })
                wx.navigateBack({
                  delta:1
                })
              }
            }
          })

        }
      )
   
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})